@import './reset.less';

:global {

  html,
  body,
  #root,
   {
    height: 100%;
    background: #EFEFEF; 
  }
  .app{
  }



  .confirm {
    top: 40%;
  }

  .w1180 {
    width: 1180px;
    margin: 0 auto;
  }

  .clear-mixin {
    &:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
    }

    &:before {
      content: "";
      display: block;
      height: 0;
      clear: both;
    }
  }

  .clear {
    .clear-mixin;
  }
  .padding10{
    padding:10px;
  }
  .white{
    background: #fff;
  }
  .fl {
    float: left;
  }

  .fr {
    float: right;
  }

  .red {
    color: #ea544a;
  }
  .green{
    color: #2cbb04;
  }
  .brown{
    color: #ea5201;
  }
  .blue{
    color: #1890ff;
  }
.icon-qq{
  display: inline-block;
  width:18px;
  height: 20px;
  background: url(../assets/qq.png) no-repeat;
  vertical-align: -3px;
}
  .inputItemSection {
    margin-bottom: 70px;
    .clear-mixin;
  }

  .viewWrap {
    .clear-mixin;
  }

  .labelWrap {
    .clear-mixin;
    margin-bottom: 10px;

    .labelLeft {
      float: left;
      width: 100%;

      label {
        float: left;
        line-height: 24px;
        width: 140px;
        text-align: right;

        &.auto {
          width: auto;
        }
      }

      .labelContent {
        float: left;
        margin-left: 10px;
        width: calc(~"100% - 170px");

        &.labelContentTime {
          margin-left: 0;
        }
      }
    }

    .labelRight {
      float: right;
    }
  }

  .tabTable {
    position: relative;

    .tabButton {
      .clear-mixin;
      margin-bottom: 10px;

      button {
        // float: right;
        margin-right: 10px;
      }
    }
  }
  .search{
    background: #f7f7f7;
    padding:20px 0;
    margin-bottom: 15px;
  }
  .btn-search{
    margin-left:10px;
  }
 
  .autoPopover{
    .ant-row{
      white-space: nowrap;
      .ant-col-xs-24{
        float: none;
        >div{
          display: inline-block;
        }
      }
    }
  }

    .orderDetail{
      .ant-steps{
        width:828px;
      }
      .ant-steps-item{
        // width:auto!important;
        float: left;
      }
      .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{
        min-width: 170px;
      }
    }
}